<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>练习2：制作席幕容的诗</title>
    <style>
        body {
            width: 490px;
        }

        .body1 {
            /*background-color: #CEF0FC;*/
            /*背景渐变*/
            background-image: linear-gradient(18deg, #FDFEEE, #CEF0FC);
            padding: 10px 5px;
        }

        .body2 {
            line-height: 30px;
        }

        .title {
            text-align: center;
        }

        p.t1 {
            display: inline;
        }

        p.t1 {
            color: #135D60;
            font-family: "楷体";
            font-size: 30px;
            text-shadow: 1px 1px #9F9F9F;
            font-weight: bold;
            text-shadow: 3px 2px 10px #9F9F9F;
        }

        span.t2 {
            color: #809299;
            font-size: 16px;
        }

        p {
            text-indent: 2em;

        }

        .t11 {
            color: #7520F0;
            font-size: 20px;
            font-family: "微软雅黑";
            font-weight: bold;
            text-shadow: 3px 3px 3px #9F9F9F;
        }

        .a22 {
            color: #5E7DF4;
            font-style: italic;
            font-size: 20px;
            font-weight: bold;
        }

        .a3 {
            color: #44A318;
            text-decoration: underline;
        }
    </style>
</head>
<body>
<div class="body1">
    <div class="title">
        <p class="t1">初相遇</p> &nbsp;&nbsp; <span class="t2">文/席慕容</span>
    </div>

    <div class="body2">
        <p class="a1">
            <span class="t11">美</span>&nbsp;丽的梦和美丽的诗一样，都是可遇而不可求的，常常在最没能料到的时刻里出现。
        </p>

        <p class="a2">
            我喜欢那样的梦，在梦里，一切都可以重新开始，一切都可以慢慢解释，心里甚至还能感觉到，所有被浪费的时光竟然都能重回时的狂喜与感激。
            <span class="a22">
                胸怀中满溢着幸福，只因你就在我眼前
            </span>，对我微笑，一如当年。
        </p>

        <p class="a3">
            我喜欢那样的梦，明明知道你已为我跋涉千里，却又觉得芳草鲜美，落落英缤纷，好像你我才初相遇。
        </p>
    </div>
</div>
</body>
</html>